<template>
  <view class="progress-box">
    <view class="progressTitle">{{ $t('generate.progress.generating') }}</view>
    <progress
      :percent="pgList.num"
      :duration="pgList.duration"
      activeColor="#f9e056"
      active="true"
      show-info
      stroke-width="20"
      border-radius="20"
    />
  </view>
</template>

<script>
  import { onLoad } from '@dcloudio/uni-app';
  export default {
    name: 'progressLine',
    props: {
      pgList: {
        type: Object,
        default: {},
      },
    },
    data() {
      return {};
    },
    onLoad() {
      console.log(this.pgList, 'ddd');
    },
  };
</script>

<style scoped>
  .progressTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    color: #fff;
  }
</style>
